<style>
  #rootApp {
    -webkit-overflow-scrolling: touch;
    padding-top: 5px;
  }
  .APP_Loading{
    color: #eee;
  }
  .APP_Loading.loading{
    color: #888;
  }
  @media screen and (max-width: 600px) {
    body {
      font-size: 40px;
    }
    ::-webkit-scrollbar {
      width:0px;
    }
  }

</style>
<div id='rootApp' class='bg-c' jdom='root' jstyle="overflow-y:{{$.bodyFix}}?'hidden':'auto';height:{{$.height}}">
  <i class="j-icon icon-bars menu-bar" jon='this.showMenu=true'></i>
  <div id="menu" jattr='class:({{$.showMenu}})?"open":""' jif='showMenuInPc:class[|pc-hide]'>
    <i class="j-icon icon-chevron-left icon-pc-show-menu" jif='showMenuInPc:class[|pc-hide]' jon='this.showMenuInPc=!this.showMenuInPc'></i>
    <div class='logo-text' jif='showMenuInPc:class[|pc-hide]'>
      <img class='logo-img' src="i.png">cnchar
    </div>
    <div jload='@routerMenu' jonload='onmenuload'>
      <div class='APP_Loading'><i class="j-icon icon-spinner-indicator icon-spin"></i></div>
    </div>
  </div>
  <div id="main" jif='showMenuInPc:class[|pc-hide]'>
    <div id='header' jload='@header' :show-menu='showMenu' @jump-to='jumpTo'>
    </div>
    <div Jout id='routerOut' jdom='out'>
      <div class='APP_Loading loading'><i class="j-icon icon-spinner-indicator icon-spin"></i></div>
    </div>
    <div id='footer' jif='showMenuInPc:class[|pc-hide]' jload='@footer' jonload='onfooterload'>
    </div>
  </div>
  <div jattr='class:({{$.showMenu}})?"menu-bar-cover open":"menu-bar-cover"' jon='this.showMenu=false'></div>
</div>
<script src='root.js' jpath='false'></script>


